const { defineConfig } = require("@vue/cli-service");
const path = require("path");

function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = defineConfig({
  // ES6+的语法或新的API，转译为目标环境所支持的代码。
  transpileDependencies: true,
  devServer: {
    port: Number(process.env.VUE_APP_PORT),
    open: true,
    hot: true,
    client: {
      overlay: true,
    },
    // before: require('./mock/mock-server.js')
  },
  configureWebpack: {
    // 用于 Webpack 的配置标识，不会直接影响页面标题。
    name: process.env.VUE_APP_TITLE,
    resolve: {
      alias: {
        "@": resolve("src"),
      },
    },
  },
});
